<template>
  <div class="dialog-box" v-waterMarker="{ text: 'YU-ADMIN', textColor: '#D9D9D9' }">
    <div class="dialog-model" v-draggable>1212122</div>
  </div>
</template>

<script setup lang="ts">
import { getDayText } from "@/utils/random.ts";
import { koiNoticeSuccess } from "@/utils/koi.ts";
import { onMounted } from "vue";
onMounted(() => {
  // 时间问候语
  koiNoticeSuccess(getDayText(), "欢迎回来~");
});
</script>

<style lang="scss" scoped>
.dialog-model {
  background-color: #fff;
  padding: 7.5px;
  border-radius: 10px;
  position: absolute;

  top: 100px;
}

.dialog-box {
  // background-color: antiquewhite;
  width: 100%;
  height: 100%;
  position: relative;
}
</style>
